<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML>
<html>
	<head>
		<base href="<%=basePath%>">

		<title>数据导出</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="description" content="数据导出">
	
		<link rel="stylesheet" href="UIlib/bootstrap/assets/css/bootstrap.css"
			type="text/css" media="screen" />
		<link href="custom/development-bundle/themes/base/jquery.ui.core.css"
			type="text/css" rel="stylesheet">
		<link href="custom/development-bundle/themes/base/jquery.ui.all.css"
			type="text/css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/ui.jqgrid.css" />

		<!-- 响应式布局 -->
		<link href="UIlib/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet" />
		
		<script src="js/jquery/jquery-1.8.3.min.js" type="text/javascript">
</script>
		<script src="js/jqGrid/i18n/grid.locale-cn.js" type="text/javascript">
</script>
		<script src="js/jqGrid/jquery.jqGrid.min.js" type="text/javascript">
</script>

		<script src="js/jqGrid/jquery-ui-1.8.20.custom.js"
			type="text/javascript">
</script>

		<script src="plugins/jquery.contextmenu.js" type="text/javascript">
</script>
<script src="UIlib/bootstrap/js/bootstrap.min.js"></script>

		<script src="UIlib/bootstrap/assets/js/bootbox.js">
</script>
		<!-- Dialog :modal -->
		<script src="UIlib/bootstrap/assets/js/bootstrap-modal.js">
</script>
<script type="text/javascript" src="js/index.js">

</script>
<style>
#cb_boxIdList{
	margin-bottom:10px;
}
#boxIdTableDiv{
	width:97%;
}
.form-horizontal .control-group {
    margin-bottom: 5px;
}
</style>
	</head>
	
	<body>
	<div class="span12"><legend><h4><i class="icon icon-list-alt"></i> EDI文件导出</h4></legend></div>
	<div class="span12">
		<div class="row">
			<form class="form-horizontal span4">
			<div class="control-group">
				<label class="control-label" for="edi_boxIdFk">箱号:</label>
				<div class="controls">
					<input id="edi_boxIdFk" type="text" class="span2" data-provide="typeahead" style="margin-bottom:0" />
				</div>
			</div>
			
			<div class="control-group">
				<label class="control-label" for="edi_internal">订单号:</label>
				<div class="controls">
					<input id="edi_internal" type="text" class="span2" style="margin-bottom:0" />
				</div>
			</div>
			
			<div class="control-group">
				<label  class="control-label" for="edi_cust">客户代码:</label>
				<div class="controls">
					<input id="edi_cust" type="text" class="span2" style="margin-bottom:0" />
				</div>
			</div>
			<div class="control-group">
				<div class="controls span2">
					<button id="edi_searchBtn" type="button" class="btn btn-primary pull-right">查询</button>
				</div>
			</div>
			</form>
			
			<div class="span4">
				<div class="span1">	
					<h4>导出:</h4>
				</div>
				<div class="span8">	
					<button id="datDumpMoBtn" class="btn">
						模式一
					</button>
					<button id="datDumpMtBtn" class="btn">
						模式二
					</button>
					<button id="datDumpMthBtn" class="btn">
						模式三
					</button>
				</div>
			</div>
			<div id="boxIdTableDiv" class="span12">
				<table id="boxIdList"></table>
				<div id="boxIdList_pager"></div>
			</div>
			<div id="aabb"></div>
		</div><!-- end of row -->
	</div><!-- end of span12<body> -->
		
		
		<div class="hide">
				<div id="datDumpMo_etc_title">
					<h4>模式一：</h4>
					<h4>给FDT，MLCM及WJ格式</h4>
				</div>
				<div id="datDumpMo_etc">
					<img src="images/mode1.png" />
				</div>
				<div id="datDumpMt_etc_title">
					<h4>模式二：</h4>
					<h4>回CPT-L厂</h4>
				</div>
				<div id="datDumpMt_etc">
					<img src="images/mode2.png" />
				</div>
				<div id="datDumpMth_etc_title">
					<h4>模式三：</h4>
					<h4>天马XML格式</h4>
				</div>
				<div id="datDumpMth_etc">
					<img src="images/mode3.png" />
				</div>
		</div>
		
	<!--  模式状态选择 -->
	<div class="span12 hide">
		<ul class="thumbnails">
		  <li class="span4">
		    <div class="thumbnail">
		      <h3>模式一</h3>
		      <p>给FDT，MLCM及WJ格式</p>
		      <img src="images/mode1.png" data-src="holder.js/300x200" alt="" />
		    </div>
		  </li>
		  <li class="span4">
		    <div class="thumbnail">
		      <h3>模式二</h3>
		      <p>回CPT-L厂</p>
		      <img src="images/mode2.png" width ="400" height="300" data-src="holder.js/300x200" alt="" />
		    </div>
		  </li>
		  <li class="span4">
		    <div class="thumbnail">
		      <h3>模式三</h3>
		      <p>天马XML格式</p>
		      <img src="images/mode2.png" width ="400" height="300" data-src="holder.js/300x200" alt="" />
		    </div>
		  </li>
		</ul>
</div>
	<!-- 导出dialog -->
	<div id="Dia_export" class="modal hide fade dialogMarginCss">
	    <div class="modal-header">
	      <button type="button" class="close" data-dismiss="modal">&times;</button>
	    	<center><h3 id="Dia_exportHeader"></h3></center>
	    </div>
	    <div id="Dia_exportTxt" class="modal-body">
	    	<div id="Dia_exprot_ifTrialDiv" class="hide">
	    	<div><h5>是否为代工试验品</h5></div>
	    		<input name="Dia_export_ifTrial" type="radio" value="1" />是
	    		<input name="Dia_export_ifTrial" type="radio" value="0" checked="checked" />否
	    	</div>
	    	<input id="Dia_export_type" type="hidden" />
	    	<table class="table table-striped">
	    		<thead><tr>
	    			<th class="span2">箱号</th>
	    			<th class="span2">订单号</th>
	    			<th>状态</th>
	    			<th class="hide"></th>
	    		</tr>
	    		</thead>
	    		<tbody id="Dia_export_table">
	    		
	    		</tbody>
	    	</table>
	    </div>
	    
	    <div class="modal-footer" >
	    	<a class="btn" data-dismiss="modal">
			取消
	      </a>
	    	<a id="Dia_export_confirm" class="btn btn-primary">
			导出
	      </a>
	    </div>
    </div>
	<!-- 提示dialog -->
	<div id="Dia_prompt" class="modal hide fade dialogMarginCss">
	    <div class="modal-header">
	      <button type="button" class="close" data-dismiss="modal">&times;</button>
	    	<center><h3 id="Dia_promptHeader"></h3></center>
	    </div>
	    <div id="Dia_promptTxt" class="modal-body">
	    </div>
	    
	    <div class="modal-footer" >
	    	<a class="btn btn-primary" data-dismiss="modal">
			确定
	      </a>
	    </div>
    </div>
    
    <!-- 下载form -->
<div class="hide">
	<form id="downloadForm" method="post" action="dump/download.do">
		<input id="downloadSub" type="submit" />
	</form>
</div>
    
    
	</body>
</html>
